<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/logo.jpg" type="image/x-icon" />
    <link rel="Shortcut Icon" href="img/logo.jpg" type="image/x-icon" />
    <title>知我隧道</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="layui-header header header-doc">
        <div class="layui-container">

            <a href="index.html" class="logo">
                <img src="img/logo.jpg">
                <span>知我隧道</span>
            </a>
            <ul class="layui-nav my-nav">
                <li class="layui-nav-item layui-this"><a href="index.html">主页</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">项目</a>
                    <dl class="layui-nav-child">
                        <dd><a href="wechat-applet.html">校园生活社区</a></dd>
                        <dd><a href="seckill.html">商城秒杀系统</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="byMe.html">本站</a>
                </li>
                <li class="layui-nav-item">
                    <a href="byAuthor.html">作者</a>
                </li>
                <li class="layui-nav-item">
                    <a href="love.html" target="_blank">彩蛋</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="my-content">
        <!-- 轮播 -->
        <div class="layui-carousel carousel" id="test1">
            <div carousel-item>
                <div><img src="" lay-src="img//bg1.jpg" alt=""></div>
                <div><img src="" lay-src="img//bg2.jpg" alt=""></div>
                <div><img src="" lay-src="img//bg3.jpg" alt=""></div>
            </div>
        </div>

        <!-- 个人介绍 -->
        <div class="column">
            <div class="layui-elem-quote sub-category mytitle">
                个人介绍
                <i class="layui-icon layui-icon-down" style="font-size: 24px; color: #5FB878;"></i>
            </div>
            <div class="text">
                本人由于对编码产生了浓厚的兴趣， 所以选择了java后端方向，自学了一些编程技术。熟悉Java、Spring Boot、Spring Cloud、 MyBatis-plus、SSM、MySQL、Redis、RocketMQ、Docke
                    等技术。了解一些常用的前端技术，例如：jQuery、 LayUI、Vue、ElementUI等。拥有良好的生活习惯与不错的自学能力。
            </div>
        </div>

        <!-- 社区个人主页 -->
        <div class="column">
            <div class="layui-elem-quote sub-category mytitle">
                社区个人主页
                <i class="layui-icon layui-icon-down" style="font-size: 24px; color: #5FB878;"></i>
            </div>
            <div class="box">
                <div class="item">
                    <a target="_blank" href="https://gitee.com/zheng-bainian">
                        <div class="logo"><img src="img/gitee.png" alt=" Gitee"> 码云Gitee</div>
                        <div class="desc">基于Git的代码托管和研发协作平台。</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://github.com/KongBai121">
                        <div class="logo"><img src="img/github.ico" alt="github"> github</div>
                        <div class="desc">面向开源及私有软件项目的git托管平台</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://blog.csdn.net/weixin_49105225">
                        <div class="logo"><img src="img/csdn.ico" alt="CNDS"> CSND</div>
                        <div class="desc">中国最大的IT社区和服务平台</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://www.nowcoder.com/profile/101416247">
                    <div class="logo"><img src="img/niuke.png" alt="牛客网"> 牛客网</div>
                    <div class="desc">求职之前，先上牛客</div>
                    </a>
                </div>
                <div class="item">
                    <!-- <a target="_blank" href="https://www.oschina.net/"> -->
                    <div class="logo"><img src="img/oschina.ico" alt="开源中国"> 开源中国</div>
                    <div class="desc">
                        <div class="info">
                            目前中国最大的开源技术社区
                        </div>
                    </div>
                    <!-- </a> -->
                </div>
                <div class="item">
                    <!-- <a target="_blank" href="https://www.v2ex.com/"> -->
                    <div class="logo"><img src="img/v2ex.png" alt="V2EX"> V2EX</div>
                    <div class="desc">一个关于分享和探索的地方。</div>
                    <!-- </a> -->
                </div>
                <div class="item">
                    <!-- <a target="_blank" href="https://juejin.im/"> -->
                    <div class="logo"><img src="img/gold-favicon.png" alt="掘金"> 掘金</div>
                    <div class="desc">只有高手分享的中文技术社区</div>
                    <!-- </a> -->
                </div>
                <div class="item">
                    <!-- <a target="_blank" href="https://coding.net/"> -->
                    <div class="logo"><img src="img/coding.png" alt=" Coding"> Coding</div>
                    <div class="desc">中国最大的git平台。</div>
                    <!-- </a> -->
                </div>
            </div>
        </div>

        <!-- 技术框架 -->
        <div class="column">
            <div class="layui-elem-quote sub-category mytitle">
                技术框架
                <i class="layui-icon layui-icon-down" style="font-size: 24px; color: #5FB878;"></i>
            </div>
            <div class="box">
                <div class="item">
                    <a target="_blank" href="http://jquery.cuishifeng.cn/index.html">
                        <div class="logo"><img src="img/jquery.png" alt="jQuery"> jQuery</div>
                        <div class="desc">优秀的JavaScript代码库</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://www.layui.com/">
                        <div class="logo"><img src="img/layui.jpg" alt="LayUI"> LayUI</div>
                        <div class="desc">由职业前端倾情打造，面向全层次的前后端开发者，易上手开箱即用的 Web UI 组件库</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://cn.vuejs.org/">
                        <div class="logo"><img src="img/vue-favicon.png" alt="Vue.js"> Vue.js</div>
                        <div class="desc">构建数据驱动的web界面的渐进式框架</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://element.eleme.cn/">
                        <div class="logo"><img src="img/elementui.jpg" alt="ElementUI"> ElementUI</div>
                        <div class="desc">Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://spring.io/">
                        <div class="logo"><img src="img/spring.png" alt="Spring"> Spring</div>
                        <div class="desc">一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://mybatis.org/mybatis-3/zh/index.html">
                        <div class="logo"><img src="img/mybatis.jpg" alt="MyBatis"> MyBatis</div>
                        <div class="desc">MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://mp.baomidou.com/">
                        <div class="logo"><img src="img/mybatis-plus.svg" alt="MyBatis-Plus"> MyBatis-Plus</div>
                        <div class="desc">MyBatis-Plus 是一个 MyBatis 的增强工具，只做增强不做改变，为简化开发、提高效率而生</div>
                    </a>
                </div>
                <div class="item">
                    <a target="_blank" href="https://www.docker.com/">
                        <div class="logo"><img src="img/docker.jpg" alt="Docker"> Docker</div>
                        <div class="desc">Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中</div>
                    </a>
                </div>

                
            </div>

        </div>
    </div>

    <div class="footer">
        <div class="my-content">
            <img src="img/weixin.jpg" alt="">
            <div class="footer-text1">
                本站采用 jQuery + LayUI 开发，如有侵权请及时联系删除
            </div>
            <div class="footer-text2">
                作者：kongbai121 | 微信：ZhengBaiNian121
                <div  class="authorities">
                    备案号：<a href="https://beian.miit.gov.cn/">粤ICP备2021026161号-1</a>
                </div>
            </div>
            <div class="but">
                <a href="seckill.html" class="layui-btn layui-btn-primary layui-border-green but1">商品秒杀项目</a>
                <a href="wechat-applet.html" class="layui-btn layui-btn-primary layui-border-green">校园生活社区</a>
            </div>
        </div>
    </div>

    <!-- ================================================================================= -->
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="lib/layui/layui.js"></script>
    <script src="js/index.js"></script>
    

</body>

</html>